<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<spring:hasBindErrors name="command"/><form:errors path="command"/>

<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/UserJoinChk.js"></script>

<div style="width: 440px; margin-left: 50px; padding : 5px 5px 5px 5px ;border:0px solid;">

<form action="userJoinSet.do" method="post" name="joinform">
<ul class="join">
	
	<li style="text-align: center;">
		<h3>회원가입 : 정보를 입력해주세요.</h3>
	</li>
	<li><label class="Join">아이디</label>
		<input type="text" name="id" id="id" autofocus="autofocus" value="${command.id}" onclick="idchknull()" maxlength="12">
		<input type="button" value="아이디 중복 체크" onclick="check_id(this.form,12)" style="height:22px;width: 120px;">
		<br><form:errors path="command.id"/>
		</li>
		
	<li><label class="Join">닉네임</label>
		<input type="text" name="nick" id="nick" value="${command.nick}" onclick="nickchknull()" maxlength="12">
		<input type="button" value="닉네임 중복 체크" onclick="check_nick(this.form,12)" style="height:22px;width: 120px;">
		<br><form:errors path="command.nick"/>
		</li>

	<hr>
		
	<li><label class="Join">비밀번호</label>
		<input type="text" name="pass" id="pass" value="${command.pass}" maxlength="12">
		<br><form:errors path="command.pass"/>
		</li>
		
	<li><label class="Join">비밀번호 확인</label>
		<input type="text" name="pchk" id="pchk" maxlength="12">
		</li>
	
	<li><label class="Join">비밀번호 확인 질문</label>
		<input type="text" name="question" id="question" maxlength="50" style="width: 260px;">
		</li>
		
	<li><label class="Join">비밀번호 확인 답변</label>
		<input type="text" name="answer" id="answer" maxlength="12" style="width: 260px;">
		</li>
	
	<hr>
	
	<li><label class="Join">이름</label>
		<input type="text" name="name" id="name" value="${command.name}" maxlength="12">
		<br><form:errors path="command.name"/>
		</li>
		
	<li><label class="Join">생년월일</label>
		<input type="text" name="b1" id="b1" value="" maxlength="4" style="width: 40px;"> 년
		<input type="text" name="b2" id="b2" value="" maxlength="2" style="width: 30px;"> 월
		<input type="text" name="b3" id="b3" value="" maxlength="2" style="width: 30px;"> 일
		<input type="hidden" name="birthday" id="birthday" value="">
		</li>
		
	<li><label class="Join">이메일</label>
		<input type="text" name="email" id="email" value="" maxlength="40" style="width: 260px;">
		<form:errors path="command.email"/>
		
		</li>
	
	<hr>
	
	<li style="text-align: center;">
		<input type="reset" value="다시 입력하기" style="height:24px;width: 120px;">
		<input type="button" value="가입하기" style="height:24px;width: 120px;" onclick="submitCheck(this.form)">
	</li>
</ul>
</form>


</div>